<template>
  <div class="page-box h100 display-flex czbj">
    <dxtable
      :dataJson="dataJson"
      :portUrl="portUrl"
      :formJson="formJson"
      :isBfy="true"
      :czFun="czFun"
    ></dxtable>
  </div>
</template>
 <script lang='ts' setup>
import dxtable from "../../components/util/dxtable.vue";
import { dxget, hf, dxpost } from "../../util/index";
import { h, ref, reactive } from "vue";
import { NButton } from "naive-ui";
let dataJson = [
  {
    title: "房间名称",
    key: "nameRoom",
  },
  {
    title: "在线人数",
    key: "numberOnline",
  },
  {
    title: "会议是否开启",
    key: "IsSession",
  },
  {
    title: "发起人",
    key: "userNickname",
  },
  {
    title: "修改时间",
    key: "addTime",
    width: "200",
  },
];
const portUrl = "communication/the_session_room";
const czFun = {
  fun: (row) => {
    return h(
      NButton,
      {
        type: "info",
        quaternary: true,
        onClick: async (e) => {
          await dxpost("communication/conversational_guidance", {
            roomID: row.id,
          });
          hf("DetailsMeeting", row);
        },
      },
      "进入会议"
    );
  },
};
let formJson = reactive([
  {
    title: "房间名称",
    type: "input",
    key: "nameRoom",
    required: true, // 是否为必填
  },
]);
</script>
 <style scoped>
</style>